<template>
  <div class="layout">
    <LeftTop></LeftTop>
    <LeftBottom></LeftBottom>
    <LayoutCenter></LayoutCenter>
    <RightTop></RightTop>
    <RightBottom></RightBottom>
  </div>
</template>

<script  setup>
import LeftTop from "./components/LeftTop.vue";
import LeftBottom from "./components/LeftBottom.vue";
import RightTop from "./components/RightTop.vue";
import RightBottom from "./components/RightBottom.vue";
import LayoutCenter from "./components/LayoutCenter.vue";
</script>

<style scoped>
.layout {
  position: relative;
  width: 1500px;
  height: 100vh;
  margin: 0 auto;
}
</style>